<div class="artifact" *ngIf="artifacts || staticFiles">
    <table class="ui fixed celled table" *ngIf="staticFiles && staticFiles.length > 0">
        <thead>
            <tr>
                <th class="six wide">{{ 'static_file_name' | translate }}</th>
                <th class="six wide">{{ 'common_created' | translate }}</th>
                <th class="four wide center">{{ 'common_link' | translate }}</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let sFile of staticFiles">
                <td>
                    {{sFile.name}}
                </td>
                <td>
                    {{sFile.created | date:'short'}}
                </td>
                <td class="center">
                    <a [href]="sFile.public_url" target="_blank"><i class="external alternate icon"></i></a>
                </td>
            </tr>
        </tbody>
    </table>
    <app-data-table [withFilter]="filter" [withPagination]="10" [columns]="columns" [data]="artifacts"></app-data-table>
</div>